<template>
  <div class="container mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-4">八八广告计划</h1>

    <p class="mb-4">欢迎使用八八广告计划。我们目前提供两档广告套餐：月卡与年卡，购买后在八八小店完成付款并提交投放信息后生效。</p>

    <h2 class="text-2xl font-semibold mt-6 mb-2">一、套餐说明</h2>
    <ul class="list-disc list-inside mb-4">
      <li><strong>月卡</strong>：10 元 / 月，适合短期推广与活动投放。</li>
      <li><strong>年卡</strong>：69 元 / 年，适合长期稳定曝光，性价比更高。</li>
    </ul>

    <h2 class="text-2xl font-semibold mt-6 mb-2">二、购买与生效流程</h2>
    <ol class="list-decimal list-inside mb-4">
      <li>通过 <NuxtLink to="/shop">八八小店</NuxtLink> 选择对应的广告产品并完成付款。</li>
      <li>付款成功后，请在订单备注或通过邮件提供以下投放信息（见下方示例）。</li>
      <li>我们在收到完整信息后会在 3 小时内安排上线并以邮件确认投放时间与位置。</li>
    </ol>

    <h2 class="text-2xl font-semibold mt-6 mb-2">三、投放规格与要求</h2>
    <ul class="list-disc list-inside mb-4">
      <li>支持形式：文本广告（标题 + 简短描述 + 链接）。</li>
      <li>链接要求：请提供完整 URL（含 https:// 或 http://），目标页面需可访问且无强制弹窗/下载行为。</li>
      <li>文案长度：标题建议不超过 30 字。</li>
      <li>禁止投放内容：不允许违法、涉政、涉黄、赌博、诈骗、侵犯版权或其他违反国家法律法规与平台规则的内容。违者我们有权拒绝或移除并不予退款（若已违反规则）。</li>
    </ul>

    <h2 class="text-2xl font-semibold mt-6 mb-2">四、价格、续费与退款</h2>
    <ul class="list-disc list-inside mb-4">
      <li>价格为一次性购买：月卡按单月计费，年卡按一年计费。</li>
      <li>到期后不会自动续费，如需继续投放请在到期前在小店重新购买或联系管理员办理续费。</li>
      <li>退款政策：购买后若因我方未能按约定时间上线，可联系管理员协商退款或补偿。因广告内容违规导致拒绝投放则不予退款，具体按小店与平台规则执行。</li>
    </ul>

    <h2 class="text-2xl font-semibold mt-6 mb-2">五、如何提交投放信息（示例）</h2>
    <div class="bg-gray-50 p-4 rounded mb-4">
      <pre class="whitespace-pre-wrap">订单号：Shop-2025-XXXXXXXX
姓名/联系人：张三
站点/落地页 URL：https://example.com/landing
投放形式：图片广告
图片 URL（或附件）：https://example.com/ad.jpg
目标链接：https://example.com
投放起始日期：2025-12-01
投放备注：活动促销 - 新用户优惠
      </pre>
    </div>

    <h2 class="text-2xl font-semibold mt-6 mb-2">六、常见问题</h2>
    <ul class="list-disc list-inside mb-4">
      <li>Q：购买后多久生效？ A：一般在我们收到完整投放信息后 3 小时内上线（高峰期可能略有延迟）。</li>
      <li>Q：能否指定展示位置或时段？ A：可在订单备注说明，我们会尽量满足，具体位置/时段以后台排期与页面布局为准，如需特殊位置可联系管理员协商。</li>
      <li>Q：需要提供图片吗？ A：建议提供按规格制作好的图片；若无法提供可委托我们按模板代为制作（可能产生额外费用，需提前沟通）。</li>
    </ul>

    <h2 class="text-2xl font-semibold mt-6 mb-2">七、联系方式</h2>
    <p class="mb-4">如需咨询、定制或其他合作，请通过以下方式联系我们：</p>
    <ul class="list-disc list-inside mb-4">
      <li>邮件：<strong>fqymcu994@outlook.com</strong></li>
      <li>小店入口：<NuxtLink to="/shop">/shop</NuxtLink>（下单并在备注填写投放信息）</li>
    </ul>

    <div class="mt-6">
      <NuxtLink to="/shop" class="inline-block bg-blue-600 text-white px-4 py-2 rounded">去八八小店购买</NuxtLink>
    </div>

  </div>
</template>

<!-- 无需额外脚本或样式：使用全局样式和布局 -->
